<template>
  <div class="app-layout">
    <div class="left-container"></div>
    <div class="right-container">
      <RouterView />
    </div>
  </div>
</template>

<script setup></script>

<style scoped lang="scss">
.app-layout {
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;

  .left-container {
    width: 200px;
    height: 100%;
    background-color: #f0f0f0;
    border-right: 1px solid #ddd;
  }

  .right-container {
    width: calc(100% - 200px);
    height: 100%;
    box-sizing: border-box;
    padding: 20px;
  }
}
</style>
